@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../fonts/myriadpro-boldcond-webfont.eot');
    src: url('../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProSemiboldItalic';
    src: url('../fonts/myriadpro-semiboldit-webfont.eot');
    src: url('../fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semiboldit-webfont.svg#MyriadProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-cond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProCondensedItalic';
    src: url('../fonts/myriadpro-condit-webfont.eot');
    src: url('../fonts/myriadpro-condit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-condit-webfont.woff') format('woff'),
         url('../fonts/myriadpro-condit-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-condit-webfont.svg#MyriadProCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* reset & default stylesheet */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; background:transparent; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%; height:100%; background:#1c1c1c; color:#5a5a5a; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
label {cursor:pointer;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
h1 {font-size:20px;}
h2 {font-size:18px; color:#6aa4c8; font-family:MyriadProBoldCondensed, Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:22px; padding-bottom:18px}
h3 {font-size:16px;}
h4 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#5a5a5a; text-transform:capitalize}
h5 {font-size:12px;}
a {color:#5a5a5a; text-decoration:none;}
a:hover {color:#00a1dd; text-decoration:underline;}
:focus {outline:0;}
input[type="text"], select, textarea {border:1px solid #ccc; font-size:11px; vertical-align:middle;}

/* common elements */
.hidden {display:none;}
.invisible {visibility:hidden;}
.float-l {float:left;}
.float-r {float:right;}

/**/    
.lnk-view {float:right}
.lnk-view-more {color:#28a44a; font-size:10px; float:right}
/* sprite elements */
.ui-nav {background:url(../images/bg-nav.gif) no-repeat}
	.init-nav-1 {background-position:0 0;}
		.init-nav-1:hover, .active .init-nav-1 {background-position:0 -120px}
	.init-nav-2 {background-position:-110px 0;}
		.init-nav-2:hover, .active .init-nav-2 {background-position:-110px -120px}
	.init-nav-3 {background-position:-220px 0;}
		.init-nav-3:hover, .active .init-nav-3 {background-position:-220px -120px}
	.init-nav-4 {background-position:-330px 0;}
		.init-nav-4:hover, .active .init-nav-4 {background-position:-330px -120px}
	.init-nav-5 {background-position:-440px 0;}
		.init-nav-5:hover, .active .init-nav-5 {background-position:-440px -120px}
	.init-nav-6 {background-position:-550px 0;}
		.init-nav-6:hover, .active .init-nav-6 {background-position:-550px -120px}			
/* form elements */
.checkbox {width:13px; height:13px; border:0; vertical-align:middle;}
.input-text {width:200px; height:16px; padding:2px; border:1px solid #ccc; }
.textarea {width:300px; height:100px; padding:2px; border:1px solid #ccc; }

/* structure */
#container {width:1024px; height:100%; font-size:12px; margin:-110px auto 0; background:#fff}
	#container-inner {width:100%; min-height:100%; height:auto !important; height:100%; background:#fff; overflow:hidden; margin:0 auto; font-size:13px; line-height:16px;}
	#header {width:100%; height:462px; overflow:hidden;	margin:110px auto 0; background:#f7f7f7 url(../images/line-horizon-1.gif) no-repeat 100% 92px; position:relative}
		#header .logo {float:left; width:138px; position:relative; z-index:5; padding-top:10px}			
		.top-header {width:820px; margin:0 auto; position:absolute; top:0; left:102px; z-index:10010}									
			.nav-main {width:660px; float:left;}
			.nav-main li {float:left; width:110px; text-align:center}
			.nav-main li a {display:block; width:110px; height:89px; padding-top:15px; text-align:center}
			.nav-main li a:hover {text-decoration:none}
			.nav-main li.has-sub {position:relative}
			.nav-main li .sub-nav {width:224px; padding:0 10px 20px 0; background:url(../images/bg-sub-nav.png) no-repeat 0 100%; position:absolute; top:95px; left:0; z-index:99; display:none}
			.nav-main li:hover .sub-nav {display:block}
			.nav-main li .sub-nav li {width:184px; overflow:hidden; float:none; padding:5px 20px}
			.nav-main li .sub-nav li:hover, .nav-main li .sub-nav li.active {background:#c6e5f1}
			.nav-main li .sub-nav li a {width:224px; height:auto; padding:0; text-align:left}
		.bottom-header {width:820px; margin:0 auto; overflow:hidden; position:relative; z-index:10001; top:125px}
		.banner {width:100%; height:354px; background:#fff url(../images/line-horizon-2.gif) repeat-x 0 100%; position:absolute; top:96px; left:0; padding:3px 0 10px}
			.slideshow-banner {width:100%; height:354px; overflow:hidden; position:relative}
			.slideshow-banner ul {width:15000px; position:absolute; left:0; top:0}
				.slideshow-banner ul li {float:left;}
				
		.lang {width:64px; height:22px; overflow:hidden; background:url(../images/bg-lang.png) repeat-x 0 0; position:absolute; right:0}		
			.lang li {float:left; height:22px; line-height:22px; background:url(../images/line-vertical-2.gif) no-repeat 0 6px; padding:0 5px 0 6px}
			.lang li.first {background:0 none; padding-left:5px}
			.lang li a {color:#fff; text-transform:uppercase; font-family:MyriadProSemibold, Tahoma, Geneva, sans-serif}
		.intro-block {width:100%; color:#d1e1f2; font-size:20px; line-height:22px; font-family:MyriadProCondensed, Tahoma, Geneva, sans-serif;}	
			.intro-block .title {width:220px; padding:20px 10px 0 0; font-size:40px; font-family:MyriadProBoldCondensed, Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#fff; opacity:0.8; line-height:40px; float:left}
			.intro-txt {width:590px; float:right; margin-top:40px; overflow:hidden}
				.intro-txt h3 {font-weight:normal; font-size:20px; padding-bottom:10px}
				.intro-txt ul {float:left}
				.intro-txt ul li {background:url(../images/ico-li-1.png) no-repeat 5px 5px; padding:0 0 10px 20px;}
				.wdth-type-1 {width:260px; margin-right:10px}
				.wdth-type-2 {width:320px}
	#main {width:820px; overflow:hidden; margin:30px auto; background:#ffffff; padding:0 20px}	
		#context {width:215px; float:left}
		#context ul li {background:url(../images/ico-li-2.png) no-repeat 0 3px; padding:0 0 30px 15px}
		
		#content {width:555px; float:left; margin-left:50px;}
		#content p {line-height:18px}		
		.cover-img img {border:solid 1px #bcbcbc}
		.cover-img {padding:0 0 30px}
	#footer {width:100%; height:80px; overflow:hidden; background:#2e2f36; color:#7b7b7b; padding:15px 0; font-size:11px; line-height:18px}		
	#footer a {color:#7b7b7b}
		#footer a:hover {color:#fff; text-decoration:none}
		.footer-inner {width:780px; margin:0 auto}
		.footer-left {width:350px; float:left}
		.footer-right {width:310px; float:left}
			.nav-footer {margin:20px 0 0 0}
			.nav-footer li {float:left; background:url(../images/line-vertical-1.gif) no-repeat 0 5px; padding:0 5px 0 7px}
			.nav-footer li.first {padding-left:0; background:0 none}
			.footer-right p {width:100%; overflow:hidden; text-align:center}
		#footer h3 {font-size:11px; text-transform:uppercase}
/*pages
-------------------------------------*/
/*contact*/
.info-contact {width:360px; float:left}
	.info {width:100%; overflow:hidden; padding-bottom:35px}
	.info p {padding-bottom:5px}
	.frm-contact {width:100%; overflow:hidden}
	.frm-contact p {padding-bottom:8px; overflow:hidden}
		.frm-contact label {width:65px; display:block; float:left}
		.frm-contact .styl-input , .frm-contact .styl-textarea {border:solid 1px #e3e2e0; border-bottom:0 none; border-right:0 none; background:#f8f7f5; padding:3px 5px}
		.frm-contact .styl-input {width:275px;}
		.frm-contact .styl-textarea {width:275px; height:145px; resize:none}
		.cover-btn input {border:0 none; background-color:transparent}
		.btn-cancel, .btn-cancel input, .btn-send, .btn-send input {width:auto; background:url(../images/ui-form.gif) no-repeat; color:#dddddd; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:11px; cursor:pointer; text-align:center}
		.btn-cancel, .btn-send {float:right; padding-left:10px; margin-right:10px;}
		.btn-cancel input {background-position:100% 0; padding:1px 10px 4px 0; float:left}
		.btn-send {background-position:0 -30px}
		.btn-send input {background-position:100% -30px;  padding:1px 10px 4px 0; float:left}
		.btn-send:hover input, .btn-cancel:hover input {color:#fff}
.map {width:421px; height:350px; overflow:hidden; border:solid 1px #c2c2c2; float:right}

/*strategy*/
#main.details {width:100%; padding:0}
.content-type-1 {width:820px; margin:0 auto; text-align:center; overflow:hidden}
.content-type-1  h2 {text-align:left}
.cover-chart {width:100%; overflow:hidden}
.line-horizontal-1 {width:100%; overflow:hidden; background:url(../images/line-horizon-3.gif) repeat-x 0 0; height:2px; margin:15px 0 35px}
.lnk-zoom-in {display:block; float:right; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-style:italic; margin-right:30px; cursor:pointer}
	
/*about*/	
.blck-type-1 img {border:solid 1px #bcbcbc; float:right; margin-left:20px}
.blck-type-1 p {background:url(../images/ico-li-2.png) no-repeat 0 3px; padding:0 0 30px 15px; line-height:18px}

/*ourwork*/
.content {text-align:left}
.content p {overflow:hidden; padding-bottom:25px; color:#5a5a5a; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:20px}
	.content .cover-img {width:100%; margin:0 auto; text-align:center}
	.color-type-1 {color:#dd4f2e; font-size:12px; line-height:18px; text-transform:uppercase; text-align:left}
	.color-type-2 {color:#6aa4c8; font-size:12px; line-height:18px; text-transform:uppercase; text-align:left}
	.content ol {padding-left:20px; list-style-position:inside}
	.content ol li {font-weight:bold; list-style-type:decimal; margin-bottom:20px}
	.content ol li li {font-weight:normal; list-style:none; margin:0; padding-left:5px}
	.cnt-address {text-align:left; line-height:20px}
	.cnt-address p {width:100%; overflow:hidden}
	.mar-type-1 {margin:20px 0 0 0}
	.mar-type-2 {margin:0 0 35px 0}
	.mar-type-3 {margin:0 0 20px 0}
	
/*ourwork-restaurant*/	
.content .cover-img img {border:0 none}
.color-type-3 {color:#0085d1;}
	